<template>
	<!-- 组件模板一：设计趋势部分模板 -->
	<div class="design-son">
		<div class="tupian-box">
			<img class="tu" src="../../../../public/img/设计趋势01.png" alt="">
		</div>
		<h4 class="text">撕纸风系列</h4>
	</div>
</template>


<style lang="scss" scoped>
	.design-son {
		width: 196px;
		height: 336px;
		background-color: rgb(242, 234, 234);
		border-radius: 15px;
		box-shadow: 0px 0px 2px 1px rgb(2249, 237, 237);

		.tupian-box {
			width: 163px;
			height: 280px;
			margin: 10px auto;
			line-height: 100px;

			.tu {
				width: 163px;
				height: 280px;
				margin-top: 10px;
			}
		}

		.text {
			width: 164px;
			height: 43px;
			text-align: center;
			line-height: 43px;
			font-weight: 700;
			margin: 0 auto;

		}
	}
</style>